﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>homePage</title>

	<!-- WinJS references -->
	<link href="//Microsoft.WinJS.2.0/css/ui-dark.css" rel="stylesheet" />
	<script src="//Microsoft.WinJS.2.0/js/base.js"></script>
	<script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

	<link href="/css/default.css" rel="stylesheet" />
	<link href="/pages/home/home.css" rel="stylesheet" />
	<script src="/pages/home/home.js"></script>
</head>
<body>
	<!-- The content that will be loaded and displayed. -->
	<div class="fragment home-page" style="overflow:scroll;>
		<header aria-label="Header content" role="banner">
			<button class="win-backbutton" aria-label="Back" disabled type="button"></button>
			<h1 class="titlearea win-type-ellipsis">
				<span class="pagetitle">Welcome to WinJS Toolkit!</span>
			</h1>
		</header>

		<section aria-label="Main content" role="main">
            <div >
			<p>
				The WinJS Toolkit is a set of classes, helper functions and item templates that help creating Windows Store applications in HTML5, CSS3 and JavaScript with Visual Studio 2012.
			</p>
			

			<h2>Installation</h2>
			
			<p>
				Copy the <strong>winjs-toolkit.js</strong> file from the <strong>js</strong> folder and paste it into your solution. Add a reference to it in your HTML pages and you are done!
			</p>
			
			<p>
				To use the item templates run the <strong>install-templates.cmd</strong> from the <strong>install</strong> folder that copies the necessary files to your Visual Studio templates folder.
			</p>
			

			<h2>Features</h2>

			<p>
				The current version contains the following features:
			</p>
			
			<h3>Extension methods</h3>

			<ul>
				<li><a role="navigation" href="/pages/string-format/string-format.html">String.format prototype</a></li>
			</ul>		
			
			<h3>The WinJSTK class</h3>				
			
			<ul>
				<li><a role="navigation" href="/pages/winjstk-isconnected/winjstk-isconnected.html">WinJSTK.isConnected()</a>: Detects internet connection availability.</li>
				<li><a role="navigation" href="/pages/winjstk-composemailasync/winjstk-composemailasync.html">WinJSTK.composeMailAsync()</a>: Composes an e-mail message.</li>							
			</ul>
			
			<h3>Tools</h3>

			<ul>
				<li><a role="navigation" href="/pages/template-class/template-class.html">Item template for a WinJS class</a></li>
				<li><a role="navigation" href="/pages/template-about/template-about.html">Item template for About flyout</a></li>
				<li><a role="navigation" href="/pages/template-policy/template-policy.html">Item template for Privacy Policy flyout</a></li>							
			</ul>
			<h3>controls</h3>

			<ul>
				<li><a role="navigation" href="/pages/charts/charts.html">Demo page for chart controls</a></li>
			</ul>
			
			<h2>About</h2>
			
			<p>
				This project was started by <a href="http://gyorgybalassy.wordpress.com/">Gy&ouml;rgy Bal&aacute;ssy</a>. 
				If you find any bugs, have any questions, comments or requests, please use the <a href="https://winjstoolkit.codeplex.com/discussions">Discussions</a>
				and <a href="https://winjstoolkit.codeplex.com/workitem/list/basic">Issue Tracker</a> pages on the <a href="https://winjstoolkit.codeplex.com/">CodePlex project site</a>.
                <br />
                The charts controlswas developped by <a href="https://www.facebook.com/Ahmed.Fouad.net">Ahmed Fouad</a>. 
				If you find any bugs, have any questions, comments or requests, please use the <a href="https://winjstoolkit.codeplex.com/discussions">Discussions</a>
				and <a href="https://winjstoolkit.codeplex.com/workitem/list/basic">Issue Tracker</a> pages on the <a href="https://winjstoolkit.codeplex.com/">CodePlex project site</a>.					
			</p>
			<p>
				Thank you for using the WinJS Toolkit!
			</p>
            </div>
		</section>
	</div>
</body>
</html>
